@charset "utf-8";
@import "reset";
$fs:64px;
@function lpx($px){
    @return $px/$fs*1rem
}
html{
    font-size:$fs;
    .whole{
        width:lpx(640px);
        .kon{
            height:lpx(90px);
        }
        .logobig{
            height:lpx(90px);
            width:lpx(640px);
            background-color:#b20000;
            position:fixed;
            top:0px;
            font-size:0;
            >.logo{
                    padding-top:lpx(20px);
                img{
                    width:lpx(270px);
                    height:lpx(47px);
                    display:block;
                    margin:0 auto;
                }
            }
            .gengduo{
                width:lpx(50px);
//              height:lpx(50px); 
                margin-top:lpx(-45px);
                float:left;
                margin-left:lpx(20px);
                a i{
                    color:white;
                    font-size:lpx(42px);
                }
            }
            .soushuo{
                width:lpx(50px);
//              height:lpx(50px); 
                float:right;
                margin-top:lpx(-45px);
                margin-right:lpx(15px);
                a i{
                    color:white;
                    font-size:lpx(42px);
                }
            }
        }
        >.dtbig{
            width:lpx(640px);
            background-image: url(../img/collimg.png);
            background-size:lpx(640px);

            .lunbo{
                width:lpx(640px);
                height:lpx(104px);
                background-color: rgba(0,0,0,0.6);
                float:left;
                margin-top:lpx(252px);
                padding-left:lpx(20px);
                a{
                p{
                    font-size:lpx(26px);
                    color:white;
                    margin-top:lpx(22px);
                }
                ul{
                    margin-top:lpx(12px);
                    li{
                        float:left;
//                      height:lpx(30px);
                        font-size:lpx(17px);
                        color:white;
                        margin-right:lpx(35px);
                        i{
                            font-size:lpx(25px);
                            margin-right:lpx(5px);
                        }
                    }
                    .lunbo_li{
                        padding-left:10px;
                    }
                    .lunbo_cop{
                        color:red;
                    }
                }
                }
            }
        }
//hr
        .divhr{
            width:100%;
            height:lpx(26px);
            background-color:#f5f5f5;
        }
//content
        .kimin{
            width:lpx(583px);
            margin:0 auto;
            margin-top:lpx(25px);
            .yuyue{
                width:100%;
                height:lpx(61px);
                font-size:0;
                a:first-of-type{
                    display: inline-block;
                    height:lpx(61px);
                    width:lpx(61px);
                    background-color:#898989;
                    border-radius:100%;
                }
                a:nth-of-type(2){
                    margin-left:lpx(20px);
                    color:#898989;
                    span{
                        font-size:lpx(28px);
                    }
                    display: inline-block;
                    height:lpx(61px);
                    width:lpx(200px);
                    font-size:lpx(20px);
                }
                a:nth-of-type(3){
                    display: inline-block;
                    width:lpx(230px);
                    height:lpx(61px);
                    line-height:lpx(61px);
                    background-color:#b20000;   
                    font-size:lpx(28px);
                    float:right;
                    text-align: center;
                    color:white;
                    letter-spacing: lpx(3px);
                    span{
                        margin-left:lpx(10px);
                        display: inline-block;
                        color:#b20000;
                        height:lpx(25px);
                        line-height:lpx(22px);
                        width:lpx(25px);
                        background-color:white;   
                        border-radius:100%;
                        font-size:lpx(25px);
                    }
                }
            }
            .yup{
                font-size:lpx(25px);
                border-bottom:1px solid #898989;
                padding-bottom:lpx(10px);
                margin-top:lpx(10px);
                margin-bottom:lpx(15px);
                span{
                    float:right;
                    font-size:lpx(16px);
                    margin-top:lpx(5px);
                    padding-bottom:lpx(10px);
                }
            }
            .kimin_img{
                width:100%;
                a img{
                    height:lpx(434px);
                }
            }
        }
//gengduo
        .gengduos{
                height:lpx(60px);
                width:lpx(583px);
                margin:0 auto;
                border-top:1px solid darkgray;
                font-size:0;
                margin-bottom:lpx(100px);
                padding-bottom:lpx(150px);
                .gdform{
                    width:lpx(220px);
                    height:lpx(59px);
                    margin:0 auto;
                    .gdbut{
                        font-size:lpx(22px);
                        color:#656565;
                        background:none;
                        width:lpx(220px);
                        height:lpx(59px);
                    }
                }
            }
//      footer
        .footer{
            height:lpx(95px);
            width:100%;
            background-color:#f5f5f5;
            position:fixed;
            bottom:0px;
            font-size:0;
            li{
                float:left;
                width:20%;
                text-align: center;
                margin-top:lpx(10px);
                i{
                    font-size:lpx(45px);
                    color:#8b8b8b;
                }
                p{
                    font-size:lpx(20px);
                    color:#8b8b8b;
                }
            }
            .footli {
                i{
                    color:red;
                }
                p{
                    color:red;
                }
            }
        }
    }

}